﻿<!DOCTYPE html>
<html lang="zh">
<head>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>宜春取证机</title>
    <link href="../libs/layer_mobile/need/layer.css" type="text/css" rel="stylesheet"/>
    <link href="../css/main.css?v=20200911" rel="stylesheet" type="text/css"/>
</head>
<body id="cabinet-list">
<div class="container">
    <div class="top-head">
        第一组
        <a class="go-back"></a>
        <button type="button" class="refresh" id="refresh">刷新</button>
    </div>
    <ul class="instruction">
        <li id="free">
            <div class="box free"></div>
            <div class="count"></div>
        </li>
        <li id="exist">
            <div class="box exist"></div>
            <div class="count"></div>
        </li>
        <li id="abnormal">
            <div class="box abnormal"></div>
            <div class="count"></div>
        </li>
    </ul>
    <div class="list-container">
        <ul class="list layui-row" id="box-list"></ul>
    </div>
</div>

<script id="tmpl" type="text/html">
    {{if boxs.length == 0}}
    <div class="empty">无数据</div>
    {{else}}
    {{each boxs as box i}}
    <li class="{{if box.status==0}}exist{{else if box.status==1}}free{{else}}abnormal{{/if}}" data-id="{{box.id}}">{{box.name}}</li>
    {{/each}}
    {{/if}}
</script>

<script src="../libs/seajs/sea.js"></script>
<script src="../libs/seajs-css/seajs-css.js"></script>
<script src="../libs/seajs-preload/seajs-preload.js"></script>
<script src="../config.js"></script>
<script src="../libs/common/rem.js"></script>
<script src="../libs/jquery/jquery.js"></script>
<script>
    seajs.use("../js/cabinet-list.js")
</script>
</body>
</html>